<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>主要内容区main</title>
<script src="__PUBLIC__/Js/home/jquery-1.11.3.js"></script>
<script src="__PUBLIC__/Js/layer/layer.js"></script>
<link href="__PUBLIC__/Css/admin/css.css" type="text/css" rel="stylesheet"/>
<link href="__PUBLIC__/Css/admin/main.css" type="text/css" rel="stylesheet"/>
<link rel="shortcut icon" href="__PUBLIC__/Images/admin/favicon.ico"/>
<style>
    body {
        overflow-x: hidden;
        background: #f2f0f5;
        padding: 15px 0px 10px 5px;
    }

    #searchmain {
        font-size: 12px;
    }

    #search {
        font-size: 12px;
        background: #548fc9;
        margin: 10px 10px 0 0;
        display: inline;
        width: 100%;
        color: #FFF
    }

    #search form span {
        height: 40px;
        line-height: 40px;
        padding: 0 0px 0 10px;
        float: left;
    }

    #search form input.text-word {
        height: 24px;
        line-height: 24px;
        width: 180px;
        margin: 8px 0 6px 0;
        padding: 0 0px 0 10px;
        float: left;
        border: 1px solid #FFF;
    }

    #search form input.text-but {
        height: 24px;
        line-height: 24px;
        width: 55px;
        background: url(__PUBLIC__/Images/admin/list_input.jpg) no-repeat left top;
        border: none;
        cursor: pointer;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #666;
        float: left;
        margin: 8px 0 0 6px;
        display: inline;
    }

    #search a.add {
        background: url(__PUBLIC__/Images/admin/add.jpg) no-repeat 0px 6px;
        padding: 0 10px 0 26px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF
    }

    #search a:hover.add {
        text-decoration: underline;
        color: #d2e9ff;
    }

    #main-tab {
        border: 1px solid #eaeaea;
        background: #FFF;
        font-size: 12px;
    }

    #main-tab th {
        font-size: 12px;
        background: url(__PUBLIC__/Images/admin/list_bg.jpg) repeat-x;
        height: 32px;
        line-height: 32px;
    }

    #main-tab td {
        font-size: 12px;
        line-height: 10px;
    }

    #main-tab td a {
        font-size: 12px;
        color: #548fc9;
    }

    #main-tab td a:hover {
        color: #565656;
        text-decoration: underline;
    }

    .bordertop {
        border-top: 1px solid #ebebeb
    }

    .borderright {
        border-right: 1px solid #ebebeb
    }

    .borderbottom {
        border-bottom: 1px solid #ebebeb
    }

    .borderleft {
        border-left: 1px solid #ebebeb
    }

    .gray {
        color: #dbdbdb;
    }

    td.fenye {
        padding: 10px 0 0 0;
        text-align: right;
    }

    .bggray {
        background: #f9f9f9;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 10px 10px 0;
        width: 120px;
    }

    .main-for {
        padding: 10px;
    }

    .main-for input.text-word {
        width: 310px;
        height: 36px;
        line-height: 36px;
        border: #ebebeb 1px solid;
        background: #FFF;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        padding: 0 10px;
    }

    .main-for select {
        width: 310px;
        height: 36px;
        line-height: 36px;
        border: #ebebeb 1px solid;
        background: #FFF;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #666;
    }

    .main-for input.text-but {
        width: 100px;
        height: 40px;
        line-height: 30px;
        border: 1px solid #cdcdcd;
        background: #e6e6e6;
        font-family: "Microsoft YaHei", "Tahoma", "Arial", '宋体';
        color: #969696;
        float: left;
        margin: 0 10px 0 0;
        display: inline;
        cursor: pointer;
        font-size: 14px;
        font-weight: bold;
    }

    #addinfo a {
        font-size: 14px;
        font-weight: bold;
        background: url(__PUBLIC__/Images/admin/addinfoblack.jpg) no-repeat 0 1px;
        padding: 0px 0 0px 20px;
        line-height: 45px;
    }

    #addinfo a:hover {
        background: url(__PUBLIC__/Images/admin/addinfoblue.jpg) no-repeat 0 1px;
    }
    .tr{
        height: 10px;
    }
</style>
<script>
    $(function(){
        //加载层
        $('.submit').on('click',function(){
            layer.load(2, {time: 1000});
        })
        //ajax修改
        $('.submit').click(function(){
            $.post('__URL__/roleEditAction',$("#roleEditForm").serialize(),function(data){
                if(data['status']){
                    window.location.href="__URL__/roleList";
                }else{
                    window.location.reload();
                }
                layer.msg(data['msg'])
            })
        })
        $('.parents').click(function(){
            // $(this).prop('checked',this.checked);
            $(this).parent('tr').next().find('input').prop('checked',this.checked);
        })
    })
</script>
</head>
<body>
<!--main_top-->
<table width="99%" border="0" cellspacing="0" cellpadding="0" id="searchmain">
<tr>
    <td width="99%" align="left" valign="top">您的位置：
        <a href="__MODULE__/Admin/adminList" target="mainFrame" onFocus="this.blur()" class="add">系统管理</a>
        &nbsp;&nbsp;>&nbsp;&nbsp;
        <a href="__URL__/roleList" target="mainFrame" onFocus="this.blur()" class="add">角色列表</a>
        &nbsp;&nbsp;>&nbsp;&nbsp;{$role_name}
    </td>
</tr>
<tr>
    <td align="left" valign="top" id="addinfo">
        <a href="__URL__/roleAdd" target="mainFrame" onFocus="this.blur()" class="add">添加角色</a>
    </td>
</tr>
<tr>
<td align="left" valign="top">
<form action="__URL__/roleEditAction" method="post" id="roleEditForm">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="main-tab">
<!-- 遍历权限 -->
<foreach name="authp" item="p">
    <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'" class="tr">
        <td align="right" valign="middle" class="borderright borderbottom bggray">
        <!-- 父类多选框 -->
            <input type="checkbox" name="auth_ids[]" value="{$p['id']}" class="parents" <if condition="in_array($p['id'],$auth_ids_arr)">checked</if> >
        </td>
        <td align="left" valign="middle" class="borderright borderbottom main-for">
            {$p.auth_name}
        </td>
    </tr>
    <foreach name="auths" item="s">                       
        <if condition="$s['auth_pid'] eq $p['id']">
        <tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'" class="tr">
            <td align="right" valign="middle" class="borderright borderbottom bggray">
            </td>
            <td align="left" valign="middle" class="borderright borderbottom main-for">
            <!-- 子类多选框 -->
                <input type="checkbox" name="auth_ids[]" value="{$s['id']}" class="son" <if condition="in_array($s['id'],$auth_ids_arr)">checked</if>>&nbsp;
                {$s.auth_name}    
                <foreach name="authgs" item="gs">                       
                    <if condition="($gs['auth_pid'] eq $s['id']) and ($s['auth_pid'] eq $p['id'])">
                        {/*子类多选框*/}&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="checkbox" name="auth_ids[]" value="{$gs['id']}" class="third" <if condition="in_array($gs['id'],$auth_ids_arr)">checked</if>>{$gs.auth_name}
                    </if>            
                </foreach>      
            </td>
        </tr>
        </if>    
    </foreach>            
</foreach>
<tr onMouseOut="this.style.backgroundColor='#ffffff'" onMouseOver="this.style.backgroundColor='#edf5ff'" class="tr">
    <td align="right" valign="middle" class="borderright borderbottom bggray">&nbsp;</td>
    <td align="left" valign="middle" class="borderright borderbottom main-for">
        <!-- 传输操作id -->
        <input type="hidden" name="id" value="{$id}">
        <input name="" type="button" value="提交" class="text-but submit">
        <input name="" type="reset" value="重置" class="text-but">
    </td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>